<script lang="ts" setup>
import { ref } from 'vue'
import ConsultList from './components/consult-list.vue'
import { ConsultType } from '@/enums'
const active = ref(0)
</script>

<template>
  <div class="consult-page">
    <cp-nav-bar title="问诊记录" />
    <van-tabs v-model:active="active" sticky>
      <van-tab title="极速问诊"><consult-list :type="ConsultType.Fast" /></van-tab>
      <van-tab title="找医生"><consult-list :type="ConsultType.Doctor" /></van-tab>
      <van-tab title="开药问诊"><consult-list :type="ConsultType.Medication" /></van-tab>
    </van-tabs>
  </div>
</template>

<style lang="scss" scoped>
.consult-page {
  background-color: var(--cp-bg);
  min-height: calc(100vh - 46px);
}
</style>
